import React from 'react';

// 用函数组件封装
export function ChildItem(props) {
  console.log(props);

  const kan = (id, step) => {
    // 调用父组件传递的函数
    props.kan(id, step);
  };

  return (
    <div className="child">
      <div className="product">
        <h3>标题：{props.name}</h3>
        <div>价格：{props.price}</div>
        <div>{props.info}</div>
        {/* <button onClick={() => kan(props.id, 1)}>砍价</button> */}
        <button onClick={() => props.kan(props.id, 1)}>砍价</button>
      </div>
    </div>
  );
}

// export class ChildItem extends React.Component {
//   render() {
//     console.log('ChildItem', this.props.item);
//     return (
//       <div className="child">
//         <div className="product">
//           <h3>标题：{this.props.item.name}</h3>
//           <div>价格：{this.props.item.price}</div>
//           <div>{this.props.item.info}</div>
//         </div>
//       </div>
//     );
//   }
// }

// export default ChildItem;
